<template>
  <div class="lunobo">
    <van-swipe class="my-swipe" :autoplay="3000">
      <van-swipe-item v-for="(image, index) in images" :key="index">
        <!-- <img class="images" v-lazy="image" /> -->
        <img class="images" :src="image.banner_img" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>
<script>
import { getBanner} from "./jiekou";
export default {
  data() {
    return {
        images: [],
    };
  },
  mounted() {
    this.getBan();
  },
  methods: {
    async getBan() {
      let res = await getBanner();
    //   console.log(res);
      this.images = res.data.data;
    },
  },
};
</script>
<style lang="scss" scoped>
.lunobo {
  height: 120px;
  .my-swipe {
    height: 100%;
    .images {
      width: 100%;
      height: 100%;
    }
  }
}
</style>